<template>
  <el-col :span="span">
    <lableName    :validrule="validrule"    :curLabelName="labelName" :isShowLabel="isShowLabel" :isRequire="isRequire"></lableName>
    <div class="demo-image__preview">
      <img style="width: 100px; height: 100px" :src="url"/>
    </div>
    <validateFormate :curLabelName="labelName" :validrule="validrule"></validateFormate>
  </el-col>
</template>

<script>
// import lableName from "@/components/lableName";
// import validateFormate from "@/components/validateFormate";
export default {
  name: "img",
  components: {
    lableName: () => import("@/components/lableName"), //标题溢出样式组件
    validateFormate: () => import("@/components/validateFormate"), //校验提示样式组件
  },
  props: {
    url: { type: String },
    labelName: { type: String, default: "证件照" },
    span: { type: Number, default: 6 },
    getVal: { type: String, default: "" },
  },
  data() {
    return {
      url:this.$parent.formFlied.code,
    };
  },
  watch: {
    getVal(xzz) {
      debugger
      this.url=xzz
    }
  },
};
</script>